body {
	/* flex布局把页面宽和高分成100vw和100vh */
	width: 100vw;
	/* height: 100vh; */
	margin: 0;
	overflow-x: hidden;
	/* 整个页面有一个背景 */
	background-color: #f4f4f4;
}

.fixed-padding {
	margin-bottom: 13.07vw;
}

a{
	/* 去掉超链接下面的下划线 */
	text-decoration: none;
}

/* 选中后加注释 Ctrl+Shift+/ */
/* ---------header---------- */
.header {
	display: flex;
	/* 两端对齐 */
	justify-content: space-between;
	/* 垂直居中 */
	align-items: center;
	background-color: #fbfbfb;
	padding: 3.6vw 5.0vw;
}

.header .category img,
.header .search img{
	width: 4.27vw;
	height: 4.27vw;
}

.header .text {
	font-size: 4.8vw;
	color: #333333;
}

/* ---------轮播图swiper--------- */
.banner .swiper-slide img {
	width: 100%;
}

/* -----------菜单---------- */
.menu-section {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-top: 6.27vw;
	padding-bottom: 4.4vw;
	background-color: white;
}
.menu-section .item img{
	width: 8.8vw;
}
.menu-section .item {
	/* 文字水平居中 */
	text-align: center;
}
.menu-section .item .text {
	margin-top: 3.33vw;
	font-size: 3.2vw;
	color: #333333;
}

/* -----------banner------- */
.banner-section {
	background-color: white;
}
.banner-section .banner {
	padding: 0 2.93vw 4vw;
}
.banner-section .banner img{
	width: 100%;
}
/* 
下面所有的section和title,有一些相同的样式,
都统一定义在这里 */
.section {
	/* 下面所有的section距离上面都有2.67vw */
	margin-top: 2.67vw;
	background-color: white;
}
.section .list{
	display: flex;
	flex-wrap: wrap;
}
.section .item {
	box-sizing: border-box;
	border-top: 0.27vw solid #f5f5f5;
	border-right: 0.27vw solid #f5f5f5;
}
.section .title {
	display: flex;
	/* 水平居中 */
	justify-content: center;
	/* 垂直居中 */
	align-items: center;
	padding-top: 4.93vw;
	padding-bottom: 4.53vw;
	font-size: 3.73vw;
	color: #333333;
}
.section .title .line {
	padding: 0 2.53vw;
}

/* ----------厂家直销--------- */
/* .cbrl-section .list {
	padding:0 3.2vw 0.27vw 3.33vw;
} */
.cbrl-section .item{
	width: 50%;
	padding:4vw 3.2vw 0.27vw 3.33vw;
}
.cbrl-section .item a {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cbrl-section .item img{
	width: 22.53vw;
	height: 23.2vw;
}
.cbrl-section .item .name{
	font-size: 3.47vw;
	color: #555555;
}
.cbrl-section .item .price{
	font-size: 3.2vw;
	color: #555555;
}

/* ---------新品首发--------- */
.news-section .item{
	width: 50%;
	padding: 2.4vw 4vw 5.3vw 3.87vw;
}
.news-section .item img{
	width: 42vw;
	height: 36.67vw;
}
.news-section .item .name{
	font-size: 3.47vw;
	color: #555555;
	margin-top: 2vw;
}
.news-section .item .hot-point{
	font-size: 2.67vw;
	color: #999999;
	margin-top: 2vw;
}
.news-section .item .price{
	font-size: 3.47vw;
	color: #c55a5c;
	margin-top: 4.53vw;
}

/* -------------热卖---------- */
.hot-section .list .item{
	/* 占屏幕的三分之一 */
	width: 33.333333%;
	padding: 2.93vw 3.07vw 4.9vw 3.33vw;
}
.hot-section .item img{
	width: 27.6vw;
	height: 26.4vw;
}
.hot-section .item .name{
	font-size: 3.47vw;
	color: #555555;
	margin-top: 3.33vw;
}
.hot-section .item .price{
	font-size: 3.47vw;
	color: #c55a5c;
	margin-top: 4.4vw;
}


/* 热卖下面部分 */
.sale-section{
	display: flex;
	flex-wrap: wrap;
}
.sale-section .left,
.sale-section .right{
	/* 左边和右边占屏幕宽度的50% */
	width: 50%;
}
.sale-section .left img,
.sale-section .right img{
	/* 指的是占父容器的百分比 */
	width: 100%;
}

/* ------------精选-------------- */
.selection-section .swiper-wrapper{
	padding-left: 2.8vw;
}
.selection-section .swiper-slide{
	width: 75%;
	padding-bottom: 4.67vw;
}
.selection-section .swiper-slide img{
	width: 100%;
	/* 图片的圆角 */
	border-radius: 8px;
}
.selection-section .swiper-slide .info{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    padding: 3.33vw 2.4vw 0 2.67vw;
}
.selection-section .swiper-slide .info .discount{
	width: 100%;
}
.selection-section .info .name{
	font-size: 3.73vw;
	color: #333333;
}
.selection-section .info .price{
	font-size: 3.47vw;
	color: #c55a5c;
}
.selection-section .info .discount{
	font-size: 3.2vw;
	color: #999999;
	margin-top: 2.13vw;
}
/* ----------底部菜单------------ */
.tab-menu-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	width: 100%;
	background-color: #fbfbfb;
	/* 水平居中 */
	text-align: center;
	border-top: 0.27vw solid #eaeaea;
	z-index: 1000;
}
.tab-menu-bottom .item{
	/* 五等分 */
	flex: 5;
	padding-top: 3.2vw;
	padding-bottom: 1.2vw;
}
.tab-menu-bottom .item .text{
	font-size: 2.4vw;
	color: #555555;
	margin-top: 1.6vw;
}














